<div class="p">
    <div class="row">
        <div class="span-3 m-b">
            <div class="card card-bordered">
                <div class="card-head">
                    <div class="card-title">待办事项</div>
                </div>
                <div class="card-body">
                    <ul class="items items-primary">
                        <li class="item active">
                            <a href="###"><i class="ion">&#xe640;</i> Analytics Redesign </a>
                        </li>
                        <li class="item">
                            <a href="###"><i class="ion">&#xe695;</i> Analytics Redesign </a>
                        </li>
                        <li class="item">
                            <a href="###"><i class="ion">&#xe6a8;</i> Analytics Redesign </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="span-3 m-b">
            <div class="card card-bordered">
                <div class="card-head">
                    <div class="card-title">待办事项</div>
                </div>
                <div class="card-body">
                    <ul class="items items-success">
                        <li class="item active">
                            <a href="###"><i class="ion">&#xe640;</i> Analytics Redesign </a>
                        </li>
                        <li class="item">
                            <a href="###"><i class="ion">&#xe695;</i> Analytics Redesign </a>
                        </li>
                        <li class="item">
                            <a href="###"><i class="ion">&#xe6a8;</i> Analytics Redesign </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="span-3 m-b">
            <div class="card card-bordered">
                <div class="card-head">
                    <div class="card-title">待办事项</div>
                </div>
                <div class="card-body">
                    <ul class="items items-warning">
                        <li class="item ">
                            <a href="###"><i class="ion">&#xe640;</i> Analytics Redesign </a>
                        </li>
                        <li class="item">
                            <a href="###"><i class="ion">&#xe695;</i> Analytics Redesign </a>
                        </li>
                        <li class="item">
                            <a href="###"><i class="ion">&#xe6a8;</i> Analytics Redesign </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="span-3 m-b">
            <div class="card card-bordered">
                <div class="card-head">
                    <div class="card-title">待办事项</div>
                </div>
                <div class="card-body">
                    <ul class="items items-danger">
                        <li class="item ">
                            <a href="###"><i class="ion">&#xe640;</i> Analytics Redesign </a>
                        </li>
                        <li class="item">
                            <a href="###"><i class="ion">&#xe695;</i> Analytics Redesign </a>
                        </li>
                        <li class="item">
                            <a href="###"><i class="ion">&#xe6a8;</i> Analytics Redesign </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="span-3 m-b">
            <div class="card card-bordered">
                <div class="card-head">
                    <div class="card-title">待办事项</div>
                </div>
                <div class="card-body">
                    <ul class="items">
                        <li class="item active">
                            <a href="###"><i class="ion">&#xe66c;</i> Analytics Redesign <span class="item-extra"><span class="badge"><sup class="badge-count badge-count-alone">13</sup></span></span> </a>
                        </li>
                        <li class="item">
                            <a href="###"><i class="ion">&#xe66c;</i> Analytics Redesign <span class="item-extra"><span class="badge"><sup class="badge-count badge-count-alone">13</sup></span></span> </a>
                        </li>
                        <li class="item">
                            <a href="###"><i class="ion">&#xe66c;</i> Analytics Redesign <span class="item-extra"><span class="badge"><sup class="badge-count badge-count-alone">13</sup></span></span> </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="span-3 m-b">
            <div class="card card-bordered">
                <div class="card-head">
                    <div class="card-title">待办事项</div>
                </div>
                <div class="card-body">
                    <ul class="items items-success">
                        <li class="item active">
                            <a href="###"><i class="ion">&#xe66c;</i> Analytics Redesign <span class="item-extra"><span class="badge"><sup class="badge-count badge-count-alone">13</sup></span></span> </a>
                        </li>
                        <li class="item">
                            <a href="###"><i class="ion">&#xe66c;</i> Analytics Redesign <span class="item-extra"><span class="badge"><sup class="badge-count badge-count-alone">13</sup></span></span> </a>
                        </li>
                        <li class="item">
                            <a href="###"><i class="ion">&#xe66c;</i> Analytics Redesign <span class="item-extra"><span class="badge"><sup class="badge-count badge-count-alone">13</sup></span></span> </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="span-3 m-b">
            <div class="card card-bordered">
                <div class="card-head">
                    <div class="card-title">待办事项</div>
                </div>
                <div class="card-body">
                    <ul class="items">
                        <li class="item">
                            <a href="###">Analytics Redesign <span class="item-extra"><span class="btn btn-link btn-sm">Link</span></span> </a>
                        </li>
                        <li class="item">
                            <a href="###">Analytics Redesign <span class="item-extra"><span class="btn btn-link btn-sm">Link</span></span> </a>
                        </li>
                        <li class="item">
                            <a href="###">Analytics Redesign <span class="item-extra"><span class="btn btn-link btn-sm">Link</span></span> </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="span-3 m-b">
            <div class="card card-bordered">
                <div class="card-head">
                    <div class="card-title">待办事项</div>
                </div>
                <div class="card-body">
                    <ul class="items items-success">
                        <li class="item">
                            <a href="###">Analytics Redesign <span class="item-extra"><span class="btn btn-link btn-sm">Link</span></span> </a>
                        </li>
                        <li class="item">
                            <a href="###">Analytics Redesign <span class="item-extra"><span class="btn btn-link btn-sm">Link</span></span> </a>
                        </li>
                        <li class="item">
                            <a href="###">Analytics Redesign <span class="item-extra"><span class="btn btn-link btn-sm">Link</span></span> </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
